<!--留言页面-->
<style>
.feedback-form textarea {width: 60%;;min-height: 90px;resize: vertical;}
.feedback-form .submit-btn {margin-bottom: 1em;padding-left: 2em;padding-right: 2em;}
.feedback-form .orange{color: #fe8f00;}
</style>
<div class="heading"><strong><?php echo L('Feedback')?></strong></div>
<form action="<?php echo __SELF__;?>" method="post" class="feedback-form js-feedback-form">
  <table class="tb-feedback">
    <tr>
      <td class="align-right"><?php echo L('refer_Your_Name')?>:</td>
      <td><span><?php echo $user['first_name'].' '.$user['last_name'];?></span></td>
    </tr>
    <tr>
      <td class="align-right"><?php echo L('refer_Your_Email')?>:</td>
      <td><span><?php echo $user['email'];?></span></td>
    </tr>
    <tr>
      <td class="align-right" style="vertical-align: top;"><?php echo L('Message');?>:</td>
      <td><textarea name="message" autofocus="autofocus"></textarea></td>
    </tr>
    <tr>
      <td colspan="2" class="align-center">
        <input type="hidden" name="dosubmit" value="1" />
        <button type="submit" class="btn submit-btn js-submit-btn"><?php echo L('submit');?></button>
        <p class="orange"><?php echo L('Feedback_tips_footer');?></p>
      </td>
    </tr>
  </table>
</form>
<script>
$(function() {
  $('.js-feedback-form').validate({
    errorElement: 'p',
    errorPlacement: function(error, element) {
      error.insertAfter(element).css('color', '#eb6f00');
    },
    submitHandler: function(form) {
      form.submit();
    },
    rules: {
      message: 'required'
    }
  });
});
</script>